<template>
  <section class="wrap">
    <div class="wrap-row">
      <span>默认按钮</span>
      <clButton>默认按钮</clButton>
      <clButton type="success">成功按钮</clButton>
      <clButton type="primary">主要按钮</clButton>
      <clButton type="el-primary">el主要按钮</clButton>
      <clButton type="info">信息按钮</clButton>
      <clButton type="warning">警告按钮</clButton>
      <clButton type="danger">危险按钮</clButton>
    </div>
    <div class="wrap-row">
      <span>朴素按钮</span>
      <clButton plain>朴素按钮</clButton>
      <clButton plain type="success">成功按钮</clButton>
      <clButton plain type="primary">主要按钮</clButton>
      <clButton plain type="el-primary">el主要按钮</clButton>
      <clButton plain type="info">信息按钮</clButton>
      <clButton plain type="warning">警告按钮</clButton>
      <clButton plain type="danger">危险按钮</clButton>
    </div>
    <div class="wrap-row">
      <span>圆角按钮</span>
      <clButton round>圆角按钮</clButton>
      <clButton round type="success">成功按钮</clButton>
      <clButton round type="primary">主要按钮</clButton>
      <clButton round type="el-primary">el主要按钮</clButton>
      <clButton round type="info">信息按钮</clButton>
      <clButton round type="warning">警告按钮</clButton>
      <clButton round type="danger">危险按钮</clButton>
    </div>
    <div class="wrap-row">
      <span>图标按钮</span>
      <clButton icon="star" circle></clButton>
      <clButton icon="preview-close-one" circle type="success"></clButton>
      <clButton icon="info" circle type="primary"></clButton>
      <clButton icon="printer" circle type="el-primary"></clButton>
      <clButton icon="down" circle type="info"></clButton>
      <clButton icon="two-dimensional-code-two" circle type="warning"></clButton>
      <clButton icon="close" circle type="danger"></clButton>
    </div>
  </section>
</template>